<%@ page import="com.edu.entity.User" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>租车服务 - 首页</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/pro.css">
    <script src="js/scripts.js"></script>
    <script src="js/jquery-3.7.1.min.js"></script>
</head>
<body>
<header>
    <h1>租车服务</h1>
    <nav>
        <ul>
            <li><a href="index.jsp" class="active">首页</a></li>
            <li><a href="page/rent.jsp">租车</a></li>
            <li><a href="page/profile.jsp">个人信息</a></li>
            <li><a href="page/orders.jsp">订单</a></li>
            <li id="logLi"><a href="page/login.jsp">登录</a></li>
            <li id="regLi"><a href="page/register.jsp">注册</a></li>
        </ul>
    </nav>
</header>
<main>
    <section id="home">
        <h1>${user.name}</h1>
        <div class="slideshow-container">
            <div class="mySlides fade">
                <img src="images/pi1.png" style="width:100%">
            </div>
            <div class="mySlides fade">
                <img src="images/pi2.png" style="width:100%">
            </div>
            <div class="mySlides fade">
                <img src="images/pi3.png" style="width:100%">
            </div>
            <div class="mySlides fade">
                <img src="images/pi3.png" style="width:100%">
            </div>
            <div class="mySlides fade">
                <img src="images/pi3.png" style="width:100%">
            </div>
        </div>
        <div class="dots-container">
            <span class="dot"></span>
            <span class="dot"></span>
            <span class="dot"></span>
        </div>
        <div class="features">
            <h2>欢迎来到租车服务</h2>
            <p>
                我们提供优质的租车服务，满足您的出行需求。无论您是需要经济型汽车还是豪华型汽车，我们都能为您提供合适的选择。</p>
            <h3>我们的特点</h3>
            <ul>
                <li>多种车型选择</li>
                <li>灵活的租赁期限</li>
                <li>优质的客户服务</li>
                <li>24/7 车况保障</li>
            </ul>
        </div>
        <div class="testimonials">
            <h3>客户评价</h3>
            <div class="testimonial">
                <p>"非常满意的租车体验，车况很好，服务也非常周到。" - 张先生</p>
            </div>
            <div class="testimonial">
                <p>"价格合理，车型多样，推荐给大家。" - 李女士</p>
            </div>
        </div>
    </section>
</main>
<footer>
    <p>&copy; 2024 租车服务. 版权所有.</p>
</footer>

<script>
    $(function () {
        var user = <%=session.getAttribute("id") %>;
        if (user != null) {
            $('#regLi').css('display', 'none');
            $('#logLi').css('display', 'none');
        }
    });
</script>
</body>

</html>
